#web_bg{
    display: block;
    width:100%;
    height:100%;
    background: url("./banner.jpg") no-repeat;
    background-size: cover;
    background-position:center;
    position: absolute;
}

.kk{

    display: block;
    width: 100%;
    height: 100%;
    position: relative;

}
.ii{
    display: block;
    width: 100%;
    height: 100%;

}


.kk img{
    width: 6%;
    height: 6%;
}
/*枸杞*/

#gq1{
   position:absolute;
    left: 3.5rem;
    top: 1.4rem;

}
#gq2{
    position: absolute;
    left: 3.2rem;
    top:2rem;
}
#gq3{
    position: absolute;
    left: 2.3rem;
    top:5.4rem;
}
#gq4{
    position: absolute;
    left: 3.1rem;
    top:6.6rem;
}
#gq5{
    position: absolute;
    left: 3.6rem;
    top:7.6rem;
}
/*羊*/
#sleep{
    position: absolute;
    left: 5.1rem;
    top:5.4rem;
}
/*甘草*/
#gancao{
    position: absolute;
    left: 5.5rem;
    top:5.4rem;
}
/*瓜*/
#gua{
    position: absolute;
    left:0.6rem;
    top:6.5rem;
}
/*马铃薯*/
#mls{
    position: absolute;
    left:1.8rem;
    top:10.3rem;
}
#mls1{
    position: absolute;
    left:3.4rem;
    top:10.2rem;
}
#mls2{
    position: absolute;
    left:2.8rem;
    top:11rem;
}
/*葡萄酒*/
#ptj{
    position: absolute;
    left: 3rem;
    top:2.4rem;
}
#ptj1{
    position: absolute;
    left:3.9rem;
    top:3.7rem;
}
#ptj2{
    position: absolute;
    left: 2.7rem;
    top:4.6rem;
}
/*大米*/
#dm{
    position: absolute;
    left: 4.1rem;
    top:1.8rem;
}
#dm1{
    position: absolute;
    left: 3.6rem;
    top:2.1rem;
}
#dm2{
    position: absolute;
    left: 4.4rem;
    top:2.7rem;
}
#dm3{
    position: absolute;
    left: 3.1rem;
    top:3.3rem;
}
#dm4{
    position: absolute;
    left:2.9rem;
    top:4.2rem;
}
/*菜心*/
#cx{
    position: absolute;
    left: 4.8rem;
    top:1.6rem;
}
#cx1{
    position: absolute;
    left: 4.02rem;
    top:2.2rem;
}
#cx2{
    position: absolute;
    left: 2.9rem;
    top:3rem;
}
#cx3{
    position: absolute;
    left: 3.5rem;
    top:5.3rem;
}
/*年奶*/
#milk{
    position: absolute;
    left: 4rem;
    top:2.7rem;
    width: 8%;
}
#milk1{
    position: absolute;
    left: 3.75rem;
    top:3.2rem;
    width: 8%;
}
#milk2{
    position: absolute;
    left: 4.2rem;
    top:4.8rem;

}
#milk3{
    position: absolute;
    left: 1.85rem;
    top:6.5rem;
}
/*蔬菜*/
#sc{
    position: absolute;
    left: 2.45rem;
    top:10.6rem;
}
#sc1{
    position: absolute;
    left: 3.45rem;
    top:9.7rem;
}
/*黄牛*/
#hn{
    position: absolute;
    left: 4rem;
    top:9.6rem;
    width: 12%;
}
#hn1{
    position: absolute;
    left:4.8rem;
    top:10.15rem;
    width: 12%;
}
#hn2{
    position: absolute;
    left:3.8rem;
    top:11.5rem;
    width: 12%;
}
/*黄花菜*/
#hc{
    position: absolute;
    left: 3.2rem;
    top:5.85rem;
    width: 12%;
}
#hc1{
    position: absolute;
    left: 6rem;
    top:5.3rem;
}
/*苹果*/
#apple{
    position: absolute;
    left: 1.25rem;
    top:6.5rem;
}
/*大枣*/
#dz{
    position: absolute;
    left: 4.7rem;
    top:4.43rem;
    width: 8%;
}
#fm{
    position: absolute;
    left:4rem;
    top:11.1rem;
    width: 10%;
}
/*鱼*/
#yu{
    position: absolute;
    left: 4.5rem;
    top: 1.2rem;
}
#yu1{
    position: absolute;
    left: 3.6rem;
    top:2.7rem;
    width: 8%;
}
/*杂粮*/
#zl{
    position: absolute;
    left:4.6rem;
    top:10rem;
    width: 8%;
}
/*油料*/
#yl{
    position: absolute;
    left:4.8rem;
    top:9.8rem;
    width: 6%;
}
/*中蜂*/
#zf{
    position: absolute;
    left: 6.2rem;
    top:4.9rem;
}
#zf1{
    position: absolute;
    left: 3.7rem;
    top:9.3rem;
    width: 10%;
}
#zq{
    position: absolute;
    left: 4.2rem;
    top:9.3rem;
    width: 8%;
}
/*中国枸杞之乡*/
.five{
    position: absolute;

    border: 1px solid deeppink;
    display: block;
}
.fiveleft{
    float: left;
    display: block;
}
.five ul li{
    border: 1px solid red;
    display: inline-block;
    vertical-align: middle;
}
.five ul{
    display: inherit;

}
.wd{
    font-size: .5rem;
}
.contentli{
    font-size: .2rem;
    width: 20%;
}
.contentimg{
    width: 12%;
}

.active{
    transform: scale(1.2);
}
/*底部*/
.footerco{
    display: flex;
    justify-content: center;
}
.footer{

    width: 300px;
    display: flex;

    position: fixed;

    bottom: 50px;
    height: 30px;

    justify-content: space-around ;
    align-items: center;
}
.footerlei{

    font-size: 10px;
    display: block;
    height: 30px;
    line-height: 30px;

    width: 33%;
    text-align: center;
}
.footercontent{
    width: 100%;
    display: flex;
    font-size: .3rem;
    justify-content: space-between;
    position: fixed;
    bottom: 30px;
    z-index: 10;
    background: white;
}
.footercontent span{
    display: inherit;
    flex-direction: column;

}
.footercontent span ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.footercontent span ul li{
   display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 1rem;
}
.mm{
    display: flex;
    justify-content: center;
    width: 50%;
}
.mm img{
   width: 40%;
}
.nn{
    width: 50%;
}
.active1{
    background: white;
}
.kkk{
    display: flex;

    justify-content: center;


}
.yulan{
    position: fixed;
    display:inline-block;
    bottom: 1.5rem;
    width: 80%;




    background: white;
}
.yulan li{

    display: inline-block;


    vertical-align: middle;



}
.yulanimg{
    width: 40%;
   display: flex;




}
.yulanimg img{

    width: 70%;
    margin-left: .5rem;
}

.liname{
    font-size: .2rem;
    text-align: center;
    width: 50%;



}
.active2{
    display: none;
}
